<nz-card nzTitle="用户管理" [nzBordered]="false" [nzExtra]="extraTemplate">
  <nz-table #basicTable nzFrontPagination="false" nzShowPagination="false" [nzData]="result.data.list">
    <thead>
    <tr>
      <th>用户名</th>
      <th>邮箱</th>
      <th>性别</th>
      <th>个性签名</th>
      <th>操作</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td>{{data.username}}</td>
      <td>{{data.email}}</td>
      <td>{{data.sex | sex}}</td>
      <td>{{data.description}}</td>
      <td>
        <a (click)="edit(data.id)">编辑</a>
        <nz-divider nzType="vertical"></nz-divider>
        <nz-popconfirm [nzTitle]="'确定要删除这个用户吗？'" (nzOnConfirm)="delete(data.id)">
          <a nz-popconfirm>删除</a>
        </nz-popconfirm>
      </td>
    </tr>
    </tbody>
  </nz-table>
  <div class="demo-page">
    <nz-pagination [nzPageIndex]="param.pageNo" [nzTotal]="result.data.count" nzSimple
                   (nzPageIndexChange)="pageChange($event)"></nz-pagination>
  </div>
</nz-card>
<ng-template #extraTemplate>
  <a (click)="new()">添加用户</a>
</ng-template>
